<template>
  <div class="login-left animate__animated animate__bounceInLeft">
    <div class="fdc jcc login-left-readme">
      <img class="login-box-bg" src="/src/assets/svg/login-box-bg.svg" alt="" />
      <div class="white mt60 first">ElementEasy 系列产品</div>
      <div class="white mt30 secound">企业级框架 毫秒响应</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, getCurrentInstance } from "vue";
const internalInstance = getCurrentInstance(); //获取当前实例
const route = internalInstance?.appContext.config.globalProperties.$route;


const count = ref(0);
const state = reactive({
  data: { a: 1 },
});
</script>

<style scoped lang="scss">
.login-left-readme {
  margin-top: 300px;
  line-height: 1rem;
  margin-left: 60px;
  .first {
    font-size: 26px;
    margin-top: 70px;
  }
  .secound {
    font-size: 16px;
  }
}
.login-box-bg {
  width: 42%;
}
.login-box-title {
  position: relative;
  width: 100%;
  top: 50px;
  left: 60px;
}
</style>
